<html>
    <head>
    </head>
    <style type="text/css">
        table
        {
            text-align: right;
            margin-left: 34%;
        }
        td
        {
            width: 160px;
        }
    </style>
    <script>
        function fun()
        {
            var a=document.getElementsByName("dryhm");
            var b=document.getElementsByName("drmm");
            var c=document.getElementsByName("cfsrmm");
            var d=document.getElementsByName("yxyxdz");
            if(a[0].value==""||a[0].value==null)
            {
                alert("用户名不能为空");
                return false;
            }
            if(b[0].value==""||b[0].value==null)
            {
                alert("密码不能为空");
                return false;
            }
            if(c[0].value==""||c[0].value==null)
            {
                alert("重复密码不能为空");
                return false;
            }
            if(d[0].value==""||d[0].value==null)
            {
                alert("邮箱不能为空");
                return false;
            }
            if(fun0(a[0].value,6,20))
            {
                alert("用户名长度错误");
                return false;
            }
            if(fun1(b[0].value,c[0].value))
            {
                alert("两次密码不一致");
                return false;
            }
            if(fun2(a[0].value,b[0].value))
            {
                alert("用户名与密码一致");
                return false;
            }
            if(fun3(b[0].value,6,20))
            {
                alert("密码长度错误");
                return false;
            }
            if(fun4(d[0].value))
            {
                alert("没有@");
                return false;
            }
            return true;
        }
        function fun0(str,min,max)
        {
            if(!(str.length>=min&&str.length<=max))
            {
                return true;
            }
            return false;
        }
        function fun1(str1,str2)
        {
            if(str1!=str2)
            {
                return true;
            }
            return false;
        }
        function fun2(str1,str2)
        {
            if(str1==str2)
            {
                return true;
            }
            return false;
        }
        function fun3(str,min,max)
        {
            if(!(str.length>=min&&str.length<=max))
            {
                return true;
            }
            return false;
        }
        function fun4(d)
        {
            if(d.indexOf("@")==-1)
            {
                return true;
            }
            return false;
        }
        function fun5(x)
        {
            if(!(x>="A"&&x<="Z")||(x>="a"&&x<="z"))
            {
                return true;
            }
            return false;
        }
        
    </script>
    <body onload="createCode()" style="text-align:center; background: url(image/login1.jpg);background-size:100% 100%;background-attachment: fixed;">
        <form onsubmit="return fun()" action="D:/html/html/Login.html">
            <h2 style="margin-top: 200px;">用户注册</h2><br/>
            <table>
                <tr>
                    <td>输入用户名：</td><td><input type="text" name="dryhm"></td>
                </tr>
                <tr>
                    <td>输入密码：</td><td><input type="password" name="drmm"></td>
                </tr>
                <tr>
                    <td>重复输入密码：</td><td><input type="password" name="cfsrmm"></td>
                </tr>
                
                <tr>
                    <td>输入有效邮箱地址：</td><td><input type="text" name="yxyxdz"></td>
                </tr>
            </table>
                <div style="position: absolute; top: 402px; left: 691px;">
                    <button><a href="denglu.html" style="text-decoration: none;">确认</a></button>&nbsp;<input type="reset" value="取消">
                </div>
        </form>
        <form action="Login.html">
            <div style="position: absolute; top: 402px; left: 813px;">
                <input type="submit" value="返回">
            </div>
        </form>
      
    </body>
</html>